<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <script src="../js/utils/mock-min.js"></script>
    <script src="../js/utils/jquery.min.js"></script>

    <script src="../js/utils/register.js"></script>
    <script src="../js/utils/idadd.js"></script>
    <script src="../js/api/mockShow.js"></script>
    <script src="../js/compotents/firstPage.js"></script>
    <!-- <script src="../js/compotents/Search.js"></script> -->



    <link rel="stylesheet" href="../css/firstPage.css">
    <link rel="stylesheet" href="../fonts/iconfont.css">
</head>

<body>
    <!-- header区域 -->
    <!-- banner图区域 -->
    <div class="banner">
        <div class="banner_img">
            <img src="../img/banner1.webp" alt="">
            <img src="../img/banner2.webp" alt="">
        </div>
        <div class="header">
            <!-- logo区域 -->
            <div class="header_logo">
                <img src="../img/logo.webp" alt="">
            </div>
            <!-- 导航栏区域 -->
            <div class="header_nav clearfloat">
                <ul class="right">
                    <li><a href="./01-首页.html">首页</a></li>
                    <li><a href="./02-关于.html">关于</a></li>
                    <li><a href="./03-茶叶.html">茶叶</a></li>
                    <li><a href="./04-基地.html">基地</a></li>
                    <li><a href="./05-新闻.html">新闻</a></li>
                    <li><a href="./06-联系.html">联系</a></li>
                </ul>
            </div>
            <!-- 用户区域 -->
            <div class="header_icon">
                <span class="iconfont icon-sousuo" onclick="search()"></span>
                <span class="iconfont icon-yonghu" onclick="location.href='07-register.html'"></span>
                <span class="iconfont icon-gouwuche" onclick="location.href='08-shopcar.html'"></span>
            </div>

        </div>
    </div>
    <!-- 内容区域 -->
    <div class="article">
        <div class="article_content">
            <div class="article_title">
                <p>新茶上市</p>
                <span>Tea Leave</span>
            </div>
            <!-- 图片区域 -->
            <div class="article_img" id="newtea1">
                <!-- 1 -->
                <!-- <div class="art_img" >
                    <div class="art_img_img">
                        <img src="../img/shouye-img1.webp" alt="">
                    </div>
                    <p class="art_img_teaname"><a href="#">茉莉花茶</a></p>
                    <p>￥223.0</p>
                </div> -->
                <!-- 2 -->
                <!-- <div class="art_img" id="newtea">
                    <div class="art_img_img">
                        <img src="../img/shouye-img2.webp" alt="">
                    </div> 
                    <p  class="art_img_teaname"> <a href="#">白牡丹</a></p>
                    <p>￥1235.0</p>
                   
                </div> -->
                <!-- 3 -->
                <!-- <div class="art_img" id="newtea">
                    <div class="art_img_img">
                        <img src="../img/shouye-img3.webp" alt="">
                    </div>
                    <p  class="art_img_teaname"><a href="#">白毫银针</a></p>
                    <p>￥258.0</p>
                </div> -->
                <!-- 4 -->
                <!-- <div class="art_img" id="newtea">
                    <div class="art_img_img">
                        <img src="../img/shouye-img4.webp" alt="">
                    </div>
                    <p  class="art_img_teaname"><a href="#">云南普洱茶</a></p>
                    <p>￥500.0</p>
                </div> -->
                <!-- 5 -->
                <!-- <div class="art_img" id="newtea">
                    <div class="art_img_img">
                        <img src="../img/shouye-img5.webp" alt="">
                    </div>
                    <p  class="art_img_teaname"><a href="#">湖北老青茶</a></p>
                    <p>￥400.0</p>
                </div> -->
                <!-- 6 -->
                <!-- <div class="art_img" id="newtea">
                    <div class="art_img_img">
                        <img src="../img/shouye-img6.webp" alt="">
                    </div>
                    <p  class="art_img_teaname"><a href="#">霍山黄芽蒙洱银针</a></p>
                    <p>￥711.0</p>
                </div> -->
            </div>
            <!-- 箭头跳转 -->
            <div class="article_icon">
                <p class="iconfont icon-arrow-right-full" onclick="location.href='03-茶叶.html'"></p>
            </div>
        </div>
    </div>
    <!-- 背景 -->
    <div class="background">
        <div class="background_div">
            <div class="background_div_title">
                <p>关于我们</p>
                <span>About</span>
            </div>
            <div class="background_div_img">
                <div class="img">
                    <img src="../img/shouye-img7.webp" alt="">
                </div>
                <div class="background_content">
                    <p>茶叶源于中国,茶叶最早是被作为祭品使用的。但从春秋后期就被人们作为菜食,在西汉中期发展为药用,西汉后期才发展为宫廷高级饮料,普及民间作为普通饮料那是西晋以后的事。发现最早人工种植茶叶的遗迹在浙江余姚的田螺山遗址,已有6000多年的历史。饮茶始于中国。</p>
                    <div><a href="02-关于.html">了解更多</a></div>
                </div>
            </div>
        </div>

    </div>
    <!-- foot logo -->
    <div class="section">
        <div class="sec_content">
            <div class="sec_logoimg">
                <img src="../img/foot-img-logo1.webp" alt="">
            </div>
            <div class="sec_logoimg">
                <img src="../img/foot-img-logo2.webp" alt="">
            </div>
            <div class="sec_logoimg">
                <img src="../img/foot-img-logo3.webp" alt="">
            </div>
            <div class="sec_logoimg">
                <img src="../img/foot-img-logo4.webp" alt="">
            </div>
            <div class="sec_logoimg">
                <img src="../img/foot-img-logo5.webp" alt="">
            </div>
            <div class="sec_logoimg">
                <img src="../img/foot-img-logo6.webp" alt="">
            </div>
        </div>
    </div>
    <!-- foot 页脚 -->
    <div class="foot">
        <div class="foot_art">
            <div class="foot_content">
                <div class="foot_contact">
                    <p>联系</p>
                    <p>Contact</p>
                </div>
                <div class="foot_our">
                    <p>关注我们</p>
                    <span class="iconfont icon-weixinlogo "></span>
                    <span class="iconfont icon-weibo-logo"></span>
                </div>
                <div class="foot_article">
                    <p>起飞页自助建站平台</p>
                    <p>地址:苏州市建外SOHO东区2号楼</p>
                    <p>邮编:100000</p>
                    <p>电话:010-69557550</p>
                </div>
                <div class="foot_erweima">
                    <img src="../img/shouye-foot-erweima1.webp" alt="">
                    <p>微信</p>
                </div>
                <div class="foot_erweima">
                    <img src="../img/shouye-foot-erweima2.webp" alt="">
                    <p>微博</p>
                </div>

            </div>

        </div>
        <div class="foot_bottom">
            <p>COPYRIGHT (©) 2019 茶叶类网站 京ICP备41414141414-1号</p>
        </div>
    </div>
</body>

</html>